.popular-makeup {
  .banner {
    img {
      display: block;
      width: 100%;
    }
  }
  .makeup-content {
    .makeup-title {
      background-color: #d5e1f0;
      .title-top {
        color: #e33c64;
      }
    }
    .character-content {
      margin-top: 26px;
      .content-insert {
        margin: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 740px;
        .left-item {
          background-color: #ddd;
          margin-bottom: 24px;
          padding: 15px 20px;

          img {
            display: block;
            width: 210px;
          }
          .left-text {
            text-align: center;
            color: red;
            padding: 20px 0 30px 0;
          }
        }
        .left-item:nth-child(2n + 1) {
          margin-right: 240px;
        }
      }
      .button-text {
        text-align: center;
        margin-bottom: 35px;
      }
    }
  }
}
